<template>
  <div @click="tiaozhuan(itmeid)" class="lunbocoll">
    <div class="img">
      <img :src="url" alt />
    </div>
    <div>{{zi}}</div>
    <div class="xiao">{{guige}}</div>
    <div>
      礼拜五价:
      <strong>￥{{jiage}}</strong>
    </div>
  </div>
</template>

<script>
import "@/assets/font/iconfont.css";
export default {
  props: ["zi", "guige", "jiage", "url","itmeid"],
  methods: {
    tiaozhuan(e) {
      this.$router.push("/index/goodsxiangqing/" + e);
    }
  },
  components: {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.lunbocoll {
  padding: 0.6rem 0px;
  text-align: center;
  border: 1px solid #ccc;
  line-height: 1.6rem;
}
.lunbocoll .img {
  height: 16rem;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.lunbocoll img {
  width: 96%;
}
.lunbocoll strong {
  color: #ff5757;
  font-size: 1.2rem;
}
.xiao {
  font-size: 0.9rem;
  color: #999;
}
</style>
